<!DOCTYPE html>
<html lang="zh-CN">
<%@ page language="java" import="com.siysoft.tc.base.bean.to.User" pageEncoding="UTF-8"%> 	
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>首页</title>
	<link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/base.css" rel="stylesheet" type="text/css">
</head>
  <body class="teacher_personal_body">
 <div class="filterBg"></div>  
 <div class="teacher_personal_wrap">
	<div class="personal-top">
    	<div class="container">
    		<div class="photo"><img src="images/photo.png"></div>
            <div class="text">
            	<p class="p1">HONG NGUYEN</p>
                <p class="p2">GRADE EMAIL:FRANK12@GMAILL.COM</p>
                <p class="p3">ID:123456456 TELEPHONE:123456456</p>
            </div>
            <div class="apply" id="apply"><div class="t">Apply for Lecturer</div><div class="fl"><span>◆</span>Call us :010-000-1203</div></div>
            <div class="xiugai"><img src="images/bi.png"></div>
        </div>
    </div>	
	<div class="personal-cont container" style=" display:block">
    	
        
        <div class="personal-cont1">
        	<div class="t">ASSESSMENT LIST</div>
            <ul class="ul2">
            	<li>
                	<span class="radius"></span> <span class="blue">MONICA</span> Finished the course:Unbelievable!
                </li>
                <li>
                	<span class="radius"></span> <span class="blue">MONICA</span> Finished the course:Unbelievable!
                </li>
                <li>
                	<span class="radius"></span> <span class="blue">MONICA</span> Finished the course:Unbelievable!
                </li>
                <li>
                	<span class="radius"></span> <span class="blue">MONICA</span> Finished the course:Unbelievable!
                </li>
                <li>
                	<span class="radius"></span> <span class="blue">MONICA</span> Finished the course:Unbelievable!
                </li>
                <li>
                	<span class="radius"></span> <span class="blue">MONICA</span> Finished the course:Unbelievable!
                </li>
            </ul>
            <div class="more">Show More<span class="glyphicon glyphicon-menu-down"></span></div>
        </div>
        
        <div class="personal-cont1" style=" margin-top:15px">
        	<div class="t">HISTORY</div>
            <ul class="ul1">
            	<li>
                	<span>MATH</span><span>APRIL 25TH 2015</span><span>TARGET 60-70</span><span>NUMBER <em class="green">1234245612</em></span><span>TEACHER<em class="green">NOD YOUNG</em></span>
                </li>
                <li>
                	<span>MATH</span><span>APRIL 25TH 2015</span><span>TARGET 60-70</span><span>NUMBER <em class="green">1234245612</em></span><span>TEACHER<em class="green">NOD YOUNG</em></span>
                </li>
                <li>
                	<span>MATH</span><span>APRIL 25TH 2015</span><span>TARGET 60-70</span><span>NUMBER <em class="green">1234245612</em></span><span>TEACHER<em class="green">NOD YOUNG</em></span>
                </li>
                <li>
                	<span>MATH</span><span>APRIL 25TH 2015</span><span>TARGET 60-70</span><span>NUMBER <em class="green">1234245612</em></span><span>TEACHER<em class="green">NOD YOUNG</em></span>
                </li>
                <li>
                	<span>MATH</span><span>APRIL 25TH 2015</span><span>TARGET 60-70</span><span>NUMBER <em class="green">1234245612</em></span><span>TEACHER<em class="green">NOD YOUNG</em></span>
                </li>
                <li>
                	<span>MATH</span><span>APRIL 25TH 2015</span><span>TARGET 60-70</span><span>NUMBER <em class="green">1234245612</em></span><span>TEACHER<em class="green">NOD YOUNG</em></span>
                </li>
            </ul>
            <div class="more">Show More<span class="glyphicon glyphicon-menu-down"></span></div>
        </div>
        
    </div>
    <div class="personal-cont container" style=" margin-top:0">
    	<div class="row reservation">
        	<div class="col-md-3">
            	<div class="cont">
                	<p class="add"><img src="images/add.gif"></p>
                    <p>new</p>
                </div>
                <div class="footer"></div>
            </div>
            <div class="col-md-3">
            	<div class="cont">
                	<p>COURSE : Physical</p>
                    <p>TIME : April 5th 2015</p>
                    <p>ADDRESS : Kingston</p>
                    <p>STATE:Already paid</p>
                    <p>TYPE Public</p>
                </div>
                <div class="footer">NUMBER:123465789</div>
            </div>
            <div class="col-md-3">
            	<div class="cont">
                	<p>COURSE : Physical</p>
                    <p>TIME : April 5th 2015</p>
                    <p>ADDRESS : Kingston</p>
                    <p>STATE:Already paid</p>
                    <p>TYPE Public</p>
                </div>
                <div class="footer">NUMBER:123465789</div>
            </div>
            <div class="col-md-3">
            	<div class="cont">
                	<p>COURSE : Physical</p>
                    <p>TIME : April 5th 2015</p>
                    <p>ADDRESS : Kingston</p>
                    <p>STATE:Already paid</p>
                    <p>TYPE Public</p>
                </div>
                <div class="footer">NUMBER:123465789</div>
            </div>
            <div class="col-md-3">
            	<div class="cont">
                	<p>COURSE : Physical</p>
                    <p>TIME : April 5th 2015</p>
                    <p>ADDRESS : Kingston</p>
                    <p>STATE:Already paid</p>
                    <p>TYPE Public</p>
                </div>
                <div class="footer">NUMBER:123465789</div>
            </div>
        </div>
    </div>
	
    <div class="personal-cont container">
    	<div class="personal-cont1">
        	<div class="t">TRADING HISTORY</div>
            <ul class="ul1">
            	<li>
                	<span>MATH</span><span>APRIL 25TH 2015</span><span>TARGET 60-70</span><span>NUMBER <em class="green">1234245612</em></span><span>TEACHER<em class="green">NOD YOUNG</em></span>
                </li>
                <li>
                	<span>MATH</span><span>APRIL 25TH 2015</span><span>TARGET 60-70</span><span>NUMBER <em class="green">1234245612</em></span><span>TEACHER<em class="green">NOD YOUNG</em></span>
                </li>
                <li>
                	<span>MATH</span><span>APRIL 25TH 2015</span><span>TARGET 60-70</span><span>NUMBER <em class="green">1234245612</em></span><span>TEACHER<em class="green">NOD YOUNG</em></span>
                </li>
                <li>
                	<span>MATH</span><span>APRIL 25TH 2015</span><span>TARGET 60-70</span><span>NUMBER <em class="green">1234245612</em></span><span>TEACHER<em class="green">NOD YOUNG</em></span>
                </li>
                <li>
                	<span>MATH</span><span>APRIL 25TH 2015</span><span>TARGET 60-70</span><span>NUMBER <em class="green">1234245612</em></span><span>TEACHER<em class="green">NOD YOUNG</em></span>
                </li>
                <li>
                	<span>MATH</span><span>APRIL 25TH 2015</span><span>TARGET 60-70</span><span>NUMBER <em class="green">1234245612</em></span><span>TEACHER<em class="green">NOD YOUNG</em></span>
                </li>
            </ul>
            <div class="more">Show More<span class="glyphicon glyphicon-menu-down"></span></div>
        </div>
    </div>
    
    <div class="personal-cont container">
    	<div class="personal-cont1">
        	<div class="t">System Message</div>
            <ul class="ul3">
            	<li>
                	<span class="">How to make good logo?<em>●</em></span><span class="glyphicon glyphicon-menu-down"></span>
                </li>
                <li>
                	<span class="">How to make good logo?<em>●</em></span><span class="glyphicon glyphicon-menu-down"></span>
                </li>
                <li>
                	<span class="">How to make good logo?<em>●</em></span><span class="glyphicon glyphicon-menu-down"></span>
                </li>
                <li>
                	<span class="">How to make good logo?<em>●</em></span><span class="glyphicon glyphicon-menu-down"></span>
                </li>
                <li>
                	<span class="">How to make good logo?<em>●</em></span><span class="glyphicon glyphicon-menu-down"></span>
                </li>
                <li>
                	<span class="">How to make good logo?<em>●</em></span><span class="glyphicon glyphicon-menu-down"></span>
                </li>
                
            </ul>
            <div class="more">Show More<span class="glyphicon glyphicon-menu-down"></span></div>
        </div>
    </div>
    
    
    <div class="personal-cont container">
    	        
        <div class="personal-cont1">
        	<div class="t">CHATTING RECORDS</div>
            <ul class="ul2">
            	<li>
                	<span class="photo"><img src="images/photo.png"></span> <span class="blue">MONICA</span> Finished the course:Unbelievable!
                </li>
               <li>
                	<span class="photo"><img src="images/photo.png"></span> <span class="blue">MONICA</span> Finished the course:Unbelievable!
                </li>

<li>
                	<span class="photo"><img src="images/photo.png"></span> <span class="blue">MONICA</span> Finished the course:Unbelievable!
                </li>
<li>
                	<span class="photo"><img src="images/photo.png"></span> <span class="blue">MONICA</span> Finished the course:Unbelievable!
                </li>
<li>
                	<span class="photo"><img src="images/photo.png"></span> <span class="blue">MONICA</span> Finished the course:Unbelievable!
                </li>
<li>
                	<span class="photo"><img src="images/photo.png"></span> <span class="blue">MONICA</span> Finished the course:Unbelievable!
                </li>

            </ul>
            <div class="more">Show More<span class="glyphicon glyphicon-menu-down"></span></div>
        </div>
    </div>
    
   <!--修改个人信息--> 	    
   <div class="modify-information">
   		<div class="onclose">x</div>
        <div class="cont">
        	<div class="t">Change Account Settings</div>
            <div class="green" style=" font-size:18px">▼</div>	
            <div class="photo"><img src="images/photo.png"><span>+</span></div>
            <form>
            	<ul>
                	<li><span class="dis">Name :</span><input type="text"></li>
                    <li><span class="dis">University:</span><input type="text"></li>
                    <li><span class="dis">ID:</span><input type="text"></li>
                    <li><span class="dis">E-mail:</span><input type="text"></li>
                    <li><span class="dis">Telephone:</span><input type="text"></li>
                </ul>
                <input type="button" class="button">
            </form>
        </div>
   </div>
    
    <div class="modify-information">
   		<div class="onclose">x</div>
        <div class="cont">
        	<div class="t">Change Account Settings</div>
            <div class="green" style=" font-size:18px">▼</div>	
            <div class="photo"><img src="images/photo.png"><span>+</span></div>
            <form>
            	<ul>
                	<li><span class="dis">Name :</span><input type="text"></li>
                    <li><span class="dis">Telephone:</span><input type="text"></li>
                    <li><span class="dis">ID:</span><input type="text"></li>
                    <li><span class="dis">E-mail:</span><textarea name="" cols="" rows="" class="textarea"></textarea></li>
                </ul>
                <input type="button" class="button">
            </form>
        </div>
   </div>
 </div>   
    
    
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/lightbox-2.6.min.js"></script>
    
    <!--轮播图-->
    <script src="js/jquery.flexslider-min.js"></script>
    <script src="js/index.js"></script>
  </body>
</html>